@charset "utf-8";
/* CSS Document */
html{height:100%;-webkit-text-size-adjust:100%;}
*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{ margin:0px; padding:0px; margin:0px auto; line-height:24px; color:#333; width:100%; min-width:320px;  position:relative;font-family:"Arial"; overflow-x:hidden; font-family:"Arial",微软雅黑; font-size:14px;}
.ul,.ul li,form, dl,dt,dd, div,.ol,menu{ padding: 0px; margin: 0px;}
.ul,.ul li,.ol li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight:normal;} 
.npm{ padding:0px; margin:0px;}
select,input,textarea{font-family:微软雅黑; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family:微软雅黑;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#c92a28}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.h1,.h2,.h3,.h4,.h5,.h6{ padding:0; margin:0; font-weight:normal;}
table,table td{ border-collapse:collapse;}
.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.fl{ float:left;}
.fr{ float:right;}

.container{}
.sidebar{background-color: #f0f0f0;line-height:36px; padding:22px 0; margin-bottom:3%;}
.sidebar_pro{ background-color: inherit; border-bottom:solid 1px #eeeeee;}
.sidebar_pro .search{ float:right; width:100%; max-width:320px; position:relative;}
.sidebar_pro .search .text{ height:35px; border:solid 1px #dddddd; width:80%; color:#999999; padding:0 3%;}
.sidebar_pro .search .btn{ position:absolute; right:0; top:0; width:20%; height:35px; cursor:pointer; border:none; background:#c92a28 url(../images/search.png) no-repeat center center;}
.sidebar_pro .menu span a{ color:#999999; margin-right:35px; padding:0; border-radius:0}
.sidebar_pro .menu span.on a{ color:#c92a28; background-color: inherit; position:relative;}
.sidebar_pro .menu span.on a:before{ content:''; position: absolute; width:100%; bottom:-25px; border-bottom:solid 4px #c92a28;}

.auto{margin:0 auto; width:96%; max-width:1280px;  position:relative;}
.product_list ul li h5,
.case_list ul li h5,
.index .box .more,
.index .box .column dl,
.index .box,
.box_hidden,
.box_show,
.home_honor .slide figure a,
.home_news ul li figure a,
#goToTop a.ewm img{-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}


.case_list ul li figure a{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.case_list ul li:hover figure a{ transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}

.menu span a{ font-size:18px; padding:0 35px; display:inline-block; border-radius:50px;}
.menu span.on a{ color:#fff; background-color:#c92a28;}


.location{ color:#797979; float:right;}
.location a{color:#797979;}
.location span a:hover,
.location span{color:#c92a28;}

.header{  position:fixed; width:100%; z-index:1000; line-height:36px;}
.header .box_hidden{ position:absolute; width:100%;}
.header .box_show{ position:relative}
.header .box_hidden{background-color:rgba(255, 255, 255, 0.76); top:-120px;}
.header .box_show{ padding:20px 0; text-align:right;}
.header .box_show .top_nav{ font-size:16px; color:#c92a28; display:inline-block; padding-right:38px; background:url(../images/nav_icon.png) no-repeat right;}
.header:hover .box_hidden{ top:0px;}
.header:hover .box_show{ opacity:0}
.header .auto{ position:relative;}
.header .logo{ padding:20px 0;}
.header .logo a{ position:relative; z-index:5000;}
.header .search{ position:absolute; right:0; top:32px; z-index:888;}
.header .search .text{ font-size:14px; width:0px; position:absolute; top:1px; line-height:34px; height:34px; right:20px; border-radius:30px 0 0 30px; border: solid 1px #dddddd; background:#fff; text-indent:15px;}
.header .search .btn{ cursor:pointer; border:none; position:absolute; right:0; background:none; width:36px; height:36px; background:#c92a28 url(../images/search2.png) no-repeat center center; border-radius:100px;}
.header .lan{position:absolute; right:46px; top:34px; width:85px; height:30px; line-height:30px; overflow:hidden; border:solid 1px #dddddd; border-radius:30px; text-align:center; background:#fff url(../images/lan.png) no-repeat 80% center; z-index:5}
.header .lan a{ display:block; color:#adadad;}


.layer{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none; background-color:rgba(0, 0, 0, 0.50);}
.icon_menu{ display:none; z-index:1000; width:32px; height:32px; position:absolute; top:27%; right:0;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon_menu a{ width:80%; height:4px; background-color:#333333; position:absolute; right:0; top:50%; margin-top:-2.5px;}
.icon_menu a::before,
.icon_menu a::after{ position:absolute; content:'';width:120%; height:4px;background-color:#333333;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.icon_menu a::before{ top:-11px;}
.icon_menu a::after{ bottom:-11px;}

.On.icon_menu a,
.On.icon_menu a::before,
.On.icon_menu a::after{background-color:#ff9000; }
.On.icon_menu a{ background-color:transparent;}
.On.icon_menu a::before{ transform: rotate(-45deg); top:0}
.On.icon_menu a::after{ transform: rotate(45deg); bottom:0}

.header .nav{ position:absolute; right:200px; top:10px; z-index:8;}
.header .nav li{ position:relative; float:left; margin-right:28px; height:36px; transition:all ease-in-out 0.3s;}
.header .nav li a{color:#164481;}
.header .nav li b{ font-size:16px; font-weight:normal;}
.header .nav li b a{ display:block; width:4em; text-align:center; padding-top:70%; background-size:70% auto; background-position:center top; background-repeat:no-repeat;}
.header .nav li#nav1 b a{ background-image:url(../images/ico1.png);}
.header .nav li#nav4 b a{ background-image:url(../images/ico2.png);}
.header .nav li#nav5 b a{ background-image:url(../images/ico3.png);}
.header .nav li#nav6 b a{ background-image:url(../images/ico4.png);}
.header .nav li#nav7 b a{ background-image:url(../images/ico5.png);}
.header .nav li#nav8 b a{ background-image:url(../images/ico6.png);}

.header .nav li#nav1.on b a,
.header .nav li#nav1 b a:hover{ background-image:url(../images/ico01.png);}
.header .nav li#nav4.on b a,
.header .nav li#nav4 b a:hover{ background-image:url(../images/ico02.png);}
.header .nav li#nav5.on b a,
.header .nav li#nav5 b a:hover{ background-image:url(../images/ico03.png);}
.header .nav li#nav6.on b a,
.header .nav li#nav6 b a:hover{ background-image:url(../images/ico04.png);}
.header .nav li#nav7.on b a,
.header .nav li#nav7 b a:hover{ background-image:url(../images/ico05.png);}
.header .nav li#nav8.on b a,
.header .nav li#nav8 b a:hover{ background-image:url(../images/ico06.png);}
.header .nav li.on b a,
.header .nav li:hover b a{ color:#c92a28;}
.header .nav li:last-child{ margin-right:0;}

.header .nav li dl{ text-align:left; top:48px;position:absolute; display:none; width:100%; min-width:140px; background-color:#fff100;}
.header .nav li dl span{ display:block; border-top:solid 1px #fff;}
.header .nav li dl a{ display:block; color:#777777; padding:1.5% 8%;}
.header .nav li dl a:hover{ color:#fff; background-color:#ff9000;}

.header .nav li dl{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
}
.header .nav li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}


.footer{ color:#6d6d6d; }
.footer .auto{ padding:2% 0;}
.footer .contact{ background-color:#e4e4e4;}
.footer .contact h6{ font-size:16px; font-weight:bold;}
.footer .contact dl{ font-size:16px; float:left; padding-right:2%; margin-right:2%; border-right:solid 1px #cccccc;}
@media screen and (min-width:1280px){
.footer .contact .dl1{ width:408px; padding-right:0;}
.footer .contact .dl2{ width:370px; padding-right:0;}
.footer .contact .dl3{ width:270px; padding-right:0;}
}
.footer .contact dl:last-child{ float:right; width:auto; padding-right:0; margin-right:0; border-right:none;}
.footer .contact dl:last-child a{ line-height:36px;  color:#fff; background-color:#c92a28; font-size:14px; padding:0 28px 0 28px; display:inline-block; border-radius:50px;}
.footer .contact dl:last-child a div{ padding-left:30px; background:url(../images/btnico.png) left center no-repeat;}

.footer .copyright{background-color:#164481; width:100%;}
.footer .copyright,
.footer .copyright a,
.footer .copyright .fr em{ color:#a7b2c7;}
.footer .copyright a:hover{ color:#fff;}
.footer .copyright .fr{ color:#3a6194;}
.footer .copyright .fr a:hover{ color:#fff;}
.footer .copyright .fr em{ font-style:normal;}
.footer .copyright_h{ display:none;}
.footer .copyright a { white-space:nowrap;}

.footer .bdshare-button-style0-32{ position:absolute;}
.footer .bdshare-button-style0-32 a{ margin:0 2px!important;}
.footer .bdshare-button-style0-32 .bds_tsina{ background:url(../images/weibo.png) no-repeat center center!important;}
.footer .bdshare-button-style0-32 .bds_tqq{ background:url(../images/weixin.png) no-repeat center center!important;}

.ServiceBox{ position: fixed; bottom:0;}


#goToTop{position:fixed; right:0; bottom:30%; z-index:100; text-align:center; border-top:solid 40px rgba(201, 42, 40, 0.9)}
#goToTop a{ margin:1px 0;color:#fff; width:70px; height:70px; line-height:0; font-size:0; display:block; background-color:rgba(0, 0, 0, 0.5); background-repeat:no-repeat; background-position: center center;}
#goToTop a.email{ background-image: url(../images/email.png);}
#goToTop a.qq{ background-image: url(../images/qq.png);}
#goToTop a.ewm{ background-size:60%; position:relative; cursor:pointer;}
#goToTop a.ewm img{ position: absolute; right:-200px; width:120px; max-width:none;}
#goToTop a.ewm:hover img.img{ right:70px;}
#goToTop a.top{ background-image: url(../images/top.png);}
#goToTop:before{
    content: '';
    width: 0;
    height: 0;
    border-left:35px solid transparent;
    border-right:35px solid transparent;
    border-bottom:20px solid rgba(201, 42, 40, 0.9);
    position: absolute;
    left:0px;
    top:-60px;
}

/*pages*/
.Pages{ padding:3% 0px; text-align:center; line-height:33px; clear:both; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ color:#727272; display:inline-block; margin:0px 1px; padding:0px 12px; background-color:#fff; border:solid 1px #edecec; }
.Pages a:hover,
.Pages em a.a_cur{color:#fff; background:#c92a28; border-color:#c92a28;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}

.Pages .a_prev,
.Pages .a_next{ font-family:宋体;}

.page_icon{ text-align:center; padding:3% 0;}
.page_icon a{ width:16px; height:16px; display:inline-block; line-height:0; font-size:0; background-color:#dddddd; border-radius:100px; margin:0 5px;}
.page_icon a.a_cur{ background-color:#c92a28;}

/*pages end*/



.banner{ overflow:hidden; position:relative;}
.fp-tableCell .banner{ overflow:hidden; position:absolute; width:100%; height:100%;}
.banner .slide{ width:100%; background-repeat:no-repeat; background-position:center center; background-size: cover;}
.banner .bx-controls{ position:absolute; width:100%; bottom:5%; text-align:center;}
.banner .bx-controls .bx-pager-item{ display:inline-block; padding:0 5px;}
.banner .bx-controls .bx-pager-item a{display:inline-block; line-height:0; font-size:0; width:12px; height:12px; border-radius:100%; border:solid 2px #fff; cursor:pointer;}
.banner .bx-controls .bx-pager-item a.active{ background-color:#c92a28; border-color:#c92a28;}

.font_list ul li{ padding:1.5% 0;border-bottom: dotted 1px #ddd;}
.font_list ul li:before{ content:''; background:url(../images/menu_icon_gray.png) no-repeat; background-size:contain; position:relative; display:inline-block; width:10px; height:10px; margin-right:5px;}
.font_list ul li time{ float:right;}

.news_list ul li{ padding:1.5% 0; overflow:hidden; border-bottom: dotted 1px #ddd;}
.news_list ul li figure{ float:left; width:20%;}
.news_list ul li dl{ float:right; width:78%;}
.news_list ul li h5{ font-size:16px; padding:1% 0; font-weight:bold;}

.clients_list ul li{ float:left; width:18.4%; margin-right:2%; padding-bottom:1%;}
.clients_list ul li:nth-child(5n+5){ margin-right:0;}
.clients_list ul li figure{ border:solid 1px #e3e3e3;}
.clients_list ul li figure a{ display:block; padding-top:63%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.clients_list ul li h5{ font-size:14px; text-align:center; padding:5% 0;}

.case_list ul li{ float:left; width:30%; margin-right:5%; margin-bottom:5%;}
.case_list ul li:nth-child(3n+3){ margin-right:0;}
.case_list ul li a{display:block;}
.case_list ul li figure{ overflow:hidden;}
.case_list ul li figure a{  padding-top:62.3%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.case_list ul li h5{ font-size:18px; padding:5% 15% 5% 5%; background-color:#164481; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:92% center}
.case_list ul li h5 a{ color:#fff;}
.case_list ul li:hover h5{ background-color:#c92a28; background-position:94% center}

.honor_list ul li{ float:left; width:30%; margin-right:5%; margin-bottom:5%;}
.honor_list ul li:nth-child(3n+3){ margin-right:0;}
.honor_list ul li a{display:block;}
.honor_list ul li figure{ overflow:hidden;  padding-top:140%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.honor_list ul li h5{ color:#fff;font-size:18px; padding:5% 15% 5% 5%; background-color:#164481; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:92% center}
.honor_list ul li:hover h5{ background-color:#c92a28; background-position:94% center}


.video_list ul li{ float:left; width:30%; margin-right:5%; margin-bottom:5%;}
.video_list ul li:nth-child(3n+3){ margin-right:0;}
.video_list ul li a{display:block;}
.video_list ul li figure{ overflow:hidden;  padding-top:62.3%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.video_list ul li h5{ color:#fff;font-size:18px; padding:5% 15% 5% 5%; background-color:#164481; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:92% center}
.video_list ul li:hover h5{ background-color:#c92a28; background-position:94% center}

.product_list ul li{ float:left; width:30%; margin-right:5%; margin-bottom:5%;}
.product_list ul li:nth-child(3n+3){ margin-right:0;}
.product_list ul li a{display:block;}
.product_list ul li figure{ overflow:hidden; border:solid 1px #dddddd; border-bottom:none;}
.product_list ul li figure a{  padding-top:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.product_list ul li h5{ font-size:18px; padding:5% 15% 5% 5%; background-color:#aaaaaa; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:92% center}
.product_list ul li h5 a{ color:#fff;}
.product_list ul li:hover h5{ background-color:#c92a28; background-position:94% center}

.detail-article{ clear:both; overflow:hidden;}
.detail-article .title,
.detail-article .time{ text-align:center; font-weight:normal; padding:0; margin:0 }
.detail-article .title{ font-size:18px; color:#333333; line-height:30px;}
.detail-article .time{ color:#a9a9a9; font-size:12px; border-bottom:1px dotted #e8e8e8; display:block; padding:1% 0;}

.single{ color:#333333; padding-top:1%; padding-bottom:3%; line-height:30px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:150px; }
.single img{ max-width:100%;}

.detail-product{ background-repeat:no-repeat; background-position:center center; background-size:cover; padding-top:10%; padding-bottom:2%;}
.detail-product .fl{ width:33%; position:relative;}
.detail-product .fl ul li figure{ margin:0 10%; padding-top:180%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.detail-product .fl .bx-controls{ position:absolute; width:100%; bottom:5%; text-align:center;}
.detail-product .fl .bx-controls .bx-pager-item{ display:inline-block; padding:0 5px;}
.detail-product .fl .bx-controls .bx-pager-item a{display:inline-block; line-height:0; font-size:0; width:12px; height:12px; border-radius:100%; border:solid 2px #cecece; cursor:pointer;}
.detail-product .fl .bx-controls .bx-pager-item a.active{ background-color:#c92a28; border-color:#c92a28;}
.detail-product .fr{ width:58%;}
.detail-product .fr .h3,
.detail-product .fr .h4,
.detail-product .fr .h5{ color:#164481; padding:2% 0;}
.detail-product .fr .h3{ font-size:30px; font-weight:bold;}
.detail-product .fr .h4{ font-size:18px;}
.detail-product .fr .h5{ font-size:18px; font-weight:bold;}
.detail-product .fr .gjpic{ overflow:hidden;}
.detail-product .fr .gjpic .pic{ margin-right:5px; float:left;}
.detail-product .fr .gjpic .pic,
.detail-product .fr .gjpic .pic img{ width:60px; height:60px;}
.detail-product .fr ul li:before{ content:''; position: relative; background-color:#c92a28; border-radius:100px; width:10px; height:10px; display:inline-block; margin-right:10px;}
.detail-product .fr .buy { padding-top:10px;}
.detail-product .fr .buy a{ display:inline-block; color:#fff;  border-radius:50px; background-color:#c92a28; padding:0 15px;}

.contact_box{ font-size:16px; position:relative;}
.contact_box .fl{ width:38%; padding:5% 0; background:url(../images/txt_bg1.jpg) no-repeat left top; background-size:100%;}
.contact_box .fl .h4{ font-size:30px; color:#c92a28; padding:10% 0;}
.contact_box .fl .h5{ font-size:18px; font-weight:bold; padding-top:3%; padding-bottom:5%;}
.contact_box .fl .p{ padding:0.5% 0;}
.contact_box .fr{ width:58%; height:90%; position:absolute; right:0;}

.contact_box #map img{ max-width: none;}
.contact_box #map *{ box-sizing:content-box;}

.info_back{ padding-top:1%; border-top:1px dotted #e8e8e8;}
.info_back a{ padding:0 25px; line-height:30px; cursor:pointer; color:#fff; background-color:#c92a28; display:inline-block; border-radius: 50px;}
.info_back a:hover{ opacity:0.8}
.info_prev_next{padding:1% 0;}
.info_prev_next span{ padding-top:5px; display:block;}

.ul_sitemap{ padding:0; margin:0;}
.ul_sitemap li{ list-style:none; padding:10px 0;}
.ul_sitemap li strong{ display:block;}
.ul_sitemap li a{ white-space:nowrap;}

#menu{ position:fixed; top:25%; left:5%; z-index:2; padding:10% 0; line-height:17px; background:url(../images/menu_line.png) no-repeat left center;}
#menu li{ position:relative; padding:4px 0px; font-size:20px;}
#menu li a{ color:#fff; display:block; background:rgba(201, 42, 40, 0.5); padding:6px 15px; margin-left:15px; border-radius:8px;}
#menu li a:hover,
#menu li.active a,
#menu.nav_gray li a:hover,
#menu.nav_gray li.active a{ color:#c92a28;background:rgba(255, 255, 255, 0.5);}
#menu li i{ left:-7px; top:10px; display:block; position:absolute; width:14px; height:17px; background:url(../images/menu_icon.png) no-repeat;}
#menu li:hover i,
#menu li.active i,
#menu.nav_gray li:hover i,
#menu.nav_gray li.active i{ background-image:url(../images/menu_icon_on.png)}
#menu.nav_gray{background:url(../images/menu_line_gray.png) no-repeat left center;}
/*#menu.nav_gray li a{ color:#cccccc;}*/
#menu.nav_gray li i{background:url(../images/menu_icon_gray.png) no-repeat;}
#menu li.active i{  -ms-transition:all ease 1.5s;-webkit-transition:all ease 1.5s;transition:all ease 1.5s;animation: 9.5s linear 0s normal none infinite rotate;-webkit-animation:3.5s linear 0s normal none infinite rotate;}
@keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

#superContainer {
    height: 100%;
    position: relative;
}
.section {
    box-sizing: border-box;
    position: relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
}

.home_about{ color:#fff;}
.home_about .box{ padding:10%;}

.column_name{ text-align:center; font-size:40px; padding-top:1.5%; padding-bottom:3%;  color:#fff;}
.home_honor .column_name,
.home_news .column_name,
.home_message .column_name,
.home_booking .column_name,
.home_problem .column_name{color:#154381; padding-top:5%; padding-bottom:5%;}
.home_message .column_name,
.home_booking .column_name{ padding-bottom:1%;}

.home_about.active .box{ -webkit-animation:move 1.5s ; animation:move 1.5s ;}
@-webkit-keyframes move {
     0% {transform: translate(0,100%); opacity: 0;}
    100%{transform:translate(0,0); opacity: 1;}
}
@keyframes move {
     0% {transform: translate(0,100%); opacity: 0;}
    100%{transform:translate(0,0); opacity: 1;}
}

.home_honor .bx-wrapper{ margin:auto;}
.home_honor .slide{ float:left;}
.home_honor .slide figure{ background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 5%;}
.home_honor .slide figure a{ display:block; width:100%; padding-top:150%; background-repeat:no-repeat; background-position:center center;}
.home_honor .slide figure a:hover{  background-color:rgba(201, 42, 40, 0.8); background-image:url(../images/icon4.png);}
.home_honor .bx-controls{ position:absolute; width:100%; bottom:30%; text-align:center;}
.home_honor .bx-controls .bx-pager-item{ display:inline-block; padding:0 5px;}
.home_honor .bx-controls .bx-pager-item a{display:inline-block; line-height:0; font-size:0; width:16px; height:16px; border-radius:100%; cursor:pointer; background-color:#dddddd;}
.home_honor .bx-controls .bx-pager-item a.active{ background-color:#c92a28;}


.redbox{ opacity:0; position: absolute; top:200px; padding:0 4%; color:#fff; width:482px; background-color:rgba(201, 42, 40, 0.8); -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.redbox:before,
.redbox:after{ left:0; content:''; position:absolute;}
.redbox:before{ top:-139px; border-width:0 241px 139px 241px; border-style: dashed dashed solid dashed; border-color: transparent transparent rgba(201, 42, 40, 0.8) transparent;}
.redbox:after{ bottom:-139px; border-width:139px 241px 0 241px; border-style:solid dashed dashed dashed; border-color:rgba(201, 42, 40, 0.8) transparent transparent transparent;}
.active .redbox{opacity:1;}

.home_history .column_name{ padding-bottom:7%;}
.home_history .redbox{right:-100%; }
.home_history .redbox .tab_hd { line-height:30px;}
.home_history .redbox .tab_hd a{ display:inline-block; color:#e4aeae; font-size:22px; font-weight:bold; cursor:pointer; position:relative; width:85px;}
.home_history .redbox .tab_hd a:before,
.home_history .redbox .tabbox:after{  position:absolute; display:block; content:''; background:url(../images/line.png); width:22px; height:2px;}
.home_history .redbox .tab_hd a:before{ left:-31px; top:14px;}
.home_history .redbox .tabbox:after{ left:8%; top:14px;}
.home_history .redbox .tab_hd a.on{ color:#fff;}
.home_history .redbox .tab_bd b{ display:block; font-size:18px;}
.home_history .redbox .tabbox{ position:relative;}
.home_history .tempWrap{ margin:auto; position:relative; line-height:30px; margin-bottom:5%;}
.home_history .prev,
.home_history .next{ top:0; position:absolute; font-size:0; height:0; width:10px; height:30px; display:block;}
.home_history .prev{ left:0px; background:url(../images/Prev.png) no-repeat center center;}
.home_history .next{ right:0px; background:url(../images/Next.png) no-repeat center center;}

.active.home_history .redbox{ right:20%; animation:mymoveright 1s; -webkit-animation:mymoveright 1s;}
@keyframes mymoveright
{
from {right:-100%;}
to {right:20%;}
}

@-webkit-keyframes mymoveright
{
from {right:-100%;}
to {right:20%;}
}

.home_culture .redbox{left:-100%; }
.home_culture .txt h6{ font-size:16px; font-weight:bold}
.active.home_culture .redbox{ left:32%; animation:mymoveleft 1s; -webkit-animation:mymoveleft 1s;}
@keyframes mymoveleft
{
from {left:-100%;}
to {left:32%;}
}

@-webkit-keyframes mymoveleft
{
from {left:-100%;}
to {left:32%;}
}


.home_news ul{ position:relative;}
.home_news ul li{ float:left; position:relative;width:29%;}
.home_news ul li:nth-child(5){ margin-left:42%;}
.home_news ul li:nth-child(2),
.home_news ul li:nth-child(3),
.home_news ul li:nth-child(4){ position:absolute;}
.home_news ul li:nth-child(2),
.home_news ul li:nth-child(3){ left:30%;}
.home_news ul li:nth-child(4){ right:30%;}
.home_news ul li:nth-child(2){ width:40%;}
.home_news ul li:nth-child(3),
.home_news ul li:nth-child(4){ bottom:0; width:19.5%;}
.home_news ul li:nth-child(1) figure,
.home_news ul li:nth-child(5) figure{ padding-top:95%;}
.home_news ul li:nth-child(2) figure{ padding-top:34%;}
.home_news ul li:nth-child(3) figure,
.home_news ul li:nth-child(4) figure{ padding-top:67%;}
.home_news ul li figure{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.home_news ul li dl{ color:#fff; padding:6%; position:absolute; width:100%; height:100%; top:0; background-color:rgba(201, 42, 40, 0.8); opacity:0;}
.home_news ul li dl h5{ font-size:18px;}
.home_news ul li dl p{ height:48px; overflow:hidden; margin:10px 0;}
.home_news ul li:hover dl{ opacity:1;}

.home_problem dl{ color:#fff; max-width:960px; background-color:rgba(0, 72, 145, 0.7); margin:10px auto; padding:15px 3%; border-radius:6px;}
.home_problem dl .title{ font-size:18px;}
.home_problem dl .gdt{ height:71px; overflow:hidden;}
@media screen and (max-width:1440px) and (min-width:1200px){
.home_problem dl{ padding:10px 3%; margin:5px auto;}
}
.form_box{ max-width:770px; margin:auto;}
.form_box p{ text-align:center; padding-bottom:5%;}
.form_box dl{ font-size:16px; overflow:hidden; padding:10px 0; }
.form_box dl dt,
.form_box dl dd{ display:inline-block; float:left;}
.form_box dl dt{ width:30%; text-align:right; line-height:40px;}
.form_box dl dd{ width:65%;}
.form_box dl dd .text,
.form_box dl dd select{ width:100%; border:solid 1px #dddddd; line-height:38px; padding:0px 10px; font-size:16px; color:#999999;}
.form_box dl .form_err{ color:#ff0000;}
.form_box dl .btn{ border-radius:1px; background-color:#c92a28; color:#fff; width:100%; border:none; font-size:16px; height:48px; cursor:pointer; margin-bottom:3%;}
/*index*/

.ind_ban{position:relative;/*background: #000;*/}
.ind_ban ul li figure{text-align: center;}
.ind_ban ul li a{display:block; position:absolute; width:100%; height:100%;}
.ind_ban .bx-controls{z-index:5; text-align:center;}
.ind_ban .bx-controls .bx-pager{ position:absolute; width:100%;  bottom:15px;}
.ind_ban .bx-pager-item{ *display:inline; display:inline-block; }
.ind_ban .bx-pager-item a{ line-height:0; font-size:0; margin:0 6px; display:inline-block; width:11px; height:11px; cursor:pointer; -webkit-border-radius:50%; border-radius:50%; border:1px solid rgba(255,255,255,0.7);}
.ind_ban .bx-pager-item a.active{ background-color:#c92927; border-color:#c92927;}
.ind_ban .bx-controls-direction a{ font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:10%; height:100%; bottom:0; background-repeat:no-repeat; background-position:center center}
.ind_ban .bx-controls-direction a.bx-prev{ left:0; background-image:url(../images/arrow_ban_prev.png);}
.ind_ban .bx-controls-direction a.bx-next{ right:0; background-image:url(../images/arrow_ban_next.png);}

.index{ padding-top:3%;}
.index .box{ float:left; width:30%; line-height:30px; margin-bottom:5%;}
.index .box figure img{ width:100%;}
.index .box:nth-child(2){ width:65%; margin-left:5%;}
.index .box:nth-child(3){ clear:both;}
.index .box:nth-child(4){ margin:0 5%;}
.index .box h5{ line-height:50px; padding-top:10px; font-size:24px;}
.index .box h5 a{ color:#11417f;}
.index .box:hover h5 a,
.index .box h5 a:hover{ color:#c53533;}
.index .box p{  margin-bottom:20px;}
.index .box:nth-child(1) p,
.index .box:nth-child(2) p{height:60px;  overflow:hidden;}
.index .box .more{ display:inline-block; padding-right:34px; color:#999999; background:url(../images/icon2.png) no-repeat right;}
.index .box:hover .more,
.index .box .more:hover{ color:#c53533; background-image:url(../images/icon3.png); padding-right:40px;}
.index .box .column{ position:relative; overflow:hidden;}
.index .box .column dl{ opacity:0; z-index:2; position:absolute; right:-100%; bottom:0; width:100%; padding:12% 0 12% 30%; background:url(../images/ind_boxbg.png) no-repeat left center;}
.index .box .column dl a{ color:#fff; display:inline-block; padding:0px 10px;}
.index .box .column dl dt{ font-size:24px; padding:5% 0;}
.index .box .column dl dd span{ display:block; max-width:136px; line-height:30px; padding:3px 0;}
.index .box .column dl dd span a{ display:block;}
.index .box .column dl dd span a:hover{color:#c92a28; background-color:#fff; border-radius:30px;}
.index .box:hover .column dl{ opacity:1; right:0;}
.index .box:nth-child(2) .column dl{padding:5% 0 5% 16%; }
.index .box:nth-child(2) .column dl dt{ padding:2% 0;}

.column_hidden{ display:none;}


@media screen and (max-width:1000px){
.header .nav{ right:180px;}
.header .nav li{ margin-right:18px;}
.header .nav li b{ font-size:15px;}
.header .logo img{ max-width:25%;}
.header .lan{ width:50px;}
}

@media screen and (max-width:860px){
.header .nav li{ margin-right:5px;}
.header .logo img{ max-width:20%;}
}

@media screen and (max-width:768px){
.icon_menu{display:block;}
.header .box_show{ display:none;}
.header .box_hidden{ top:0;}
.header .logo{ padding:8px 0;}
.header .logo img{ max-width:40%;}
.header .nav{ border-top:none; opacity:0; top:0; position:fixed; width:60%; height:100%; right:-100%; z-index:888; background-color:rgba(255, 255, 255, 0.80);  transition:right ease-in-out 0.5s,opacity ease-in-out 0.8s;}
.header .nav li{ font-size:18px; text-align:left; float:none; width:100%; height:auto; border-top:solid 1px #fff;}
.header .nav li{ padding:5% 0;}
/*.header .nav li b a{ display:inline;}*/
.header .nav li b a{ width:90%; padding:0 0 0 40px; background: left center no-repeat; background-size:auto 90%; text-align:left; height:40px; margin-left:10px; line-height:40px;}
.header .nav li.on b a:before{ display:none;}
.header .nav li.on b a{ color:#7b7b7b}
/*.header .nav li:hover{ padding-bottom:0;}*/
.header .nav li dl{ position:relative; top:auto; height:0;}
.header .nav li:hover>dl{ height:auto;  margin-top:3%;}
.header .nav li dl a{ padding:3% 0 3% 6%;}
.header .nav li.hover{ padding-bottom:0;}
.header .nav.Active{right:0; opacity:1;}
.header .nav li.li_last{ text-align:center;}
.header .nav li.li_last a{ color:#fff;  border-color:#0075c1; background-color:#0075c1}	
.header .nav li.on b a, .header .nav li.hover b a{ font-weight:normal;}
.header .search{ top:23%; right:38px;}
.header .lan{ top:28%; right:80px;}

.ServiceBox{ display:none;}

.location{ display:none;}

.sidebar_pro .search{ float:none;}

.menu span a{ padding:0px 15px;}

.sidebar_pro .menu span a{ margin-right:15px;}
.sidebar_pro .menu span.on a:before{ bottom:0;}

.footer .copyright_h{ display:block;}
.footer .copyright{ position:fixed; bottom:0;}
.footer .contact dl{ float:none; border-right:none; padding-right:0; margin-right:0;}
.footer .fl,
.footer .fr,
.contact_box .fl,
.contact_box .fr{ float:none; width:100%;}
.contact_box { padding-bottom:90%;}
.contact_box .fl{ padding-top:0;}
.contact_box .fl .h4{ padding:0;}
.contact_box .fr{ height:58%;}

.clients_list ul li{ width:23.5%;}
.clients_list ul li:nth-child(5n+5){ margin-right:2%;}
.clients_list ul li:nth-child(4n+4){ margin-right:0;}

.index .box .column dl dt{ font-size:18px;}
.index .box .column dl dd span{ padding:0; line-height:26px;}

.banner .slide{ padding-top:20%;}
.fp-controlArrow{ display:none;}

#menu{ display:none;}
.section,
.fp-tableCell{ height:auto!important;}
.column_name{ font-size:20px;}
.redbox{ position:relative; top:0; width:100%; opacity:1; padding:3%;}
.redbox:before, .redbox:after{ display:none;}

.home_about .box{ padding:3%;}

.home_history .auto,
.home_culture .auto{ width:100%;}


.home_news ul li{ width:48%!important; position:relative!important; margin:1%!important; left:0!important}
.home_news ul li figure{ padding-top:50%!important}
.home_news ul li dl{ position:relative; color:#333; opacity:1; background-color:transparent;}
.home_news ul li:hover dl{ color:#fff; background-color:rgba(201, 42, 40, 0.8);}
}
@media screen and (max-width:640px){
.footer .contact h6,
.footer .contact dl{ font-size:14px;}

.case_list ul li{ width:48%; margin-right:0; margin-bottom:4%;}
.case_list ul li:nth-child(odd){ margin-right:4%;}
.case_list ul li h5{ font-size:14px; padding-top:3%; padding-bottom:3%;}

.honor_list ul li{ width:48%; margin-right:0; margin-bottom:4%;}
.honor_list ul li:nth-child(odd){ margin-right:4%;}
.honor_list ul li h5{ font-size:14px; padding-top:3%; padding-bottom:3%;}

.video_list ul li{ width:48%; margin-right:0; margin-bottom:4%;}
.video_list ul li:nth-child(odd){ margin-right:4%;}
.video_list ul li h5{ font-size:14px; padding-top:3%; padding-bottom:3%;}

.product_list ul li{ width:48%; margin-right:0; margin-bottom:4%;}
.product_list ul li:nth-child(odd){ margin-right:4%;}
.product_list ul li h5{ font-size:14px; padding-top:3%; padding-bottom:3%;}

.clients_list ul li{ width:49%;}
.clients_list ul li:nth-child(2n+2){ margin-right:0;}

.index .box,
.index .box:nth-child(2),
.index .box:nth-child(4){ float:none; width:100%; margin:0 0 5% 0;}

.form_box dl{ font-size:14px;}

.detail-product .fl,
.detail-product .fr{ float:none; width:100%; padding:2% 0;}
.detail-product .fl ul li figure{ padding-top:100%;}

#goToTop{border-top:solid 15px rgba(201, 42, 40, 0.9);}
#goToTop a{ width:40px; height:40px; background-size:50%}
#goToTop:before{ top:-35px; border-left:20px solid transparent; border-right:20px solid transparent;}
#goToTop a.ewm:hover img.img{ right:40px;}
}
@media screen and (max-width:480px){
.form_box dl{ padding:5px 0;}
.form_box dl dt,
.form_box dl dd{ float:none; width:100%;}
.form_box dl dt{ text-align:left;}
.header .logo img{ max-width:34%;}
}

@media screen and (max-width:320px){

}

/*170417*/
.home_honor .fp-controlArrow.fp-prev,
.home_honor .fp-controlArrow.fp-next{  border:none !important; width:22px; height:38px}
.home_honor .fp-controlArrow.fp-prev{background:url(../images/honor-left.png) center no-repeat;}
.home_honor .fp-controlArrow.fp-next{background:url(../images/honor-right.png) center no-repeat;}
.arrow{ position:absolute; left:50%; margin-left:-11.5px; bottom:0; width:23px; height:25px; background:url(../images/arrow.png) left center no-repeat; z-index:300; display:block;}
@media screen and (min-width:1000px){
.c-table{ display:table; vertical-align:middle; width:100%; height:100%;}
.c-cell{display:table-cell; vertical-align:middle;}
}



.service_index{ overflow:hidden; margin-bottom:3%;}
.service_index .ul{ width:104%; margin:-1px -2%; overflow:hidden;}
.service_index li{ width:50%; float:left; padding:2%; border:1px solid #ddd; margin:-1px -1px 0 0; overflow:hidden;}
.service_index li .title{ background:left center no-repeat; line-height:50px; color:#c92a28; font-size:20px; padding-left:55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.service_index li .linepre{ white-space:pre-line; line-height:24px; font-size:14px; height:72px; overflow:hidden; margin-top:15px;}
.service_index li .more{ float:left; display:block; padding-right:30px; background:url(../images/service_ico.png) bottom right no-repeat; line-height:30px; color:#999;}
.service_index li .more:hover{ color:#ce1823; background-position:right top;}

@media screen and (max-width:860px){
.service_index li{ float:none; width:100%;}
}